<template>
	<div class="myselfAllWrap">
		<div class="myselfWrap">
			<div class="myselfLeft clear">
				<div class="myselfLeft-title">个人中心</div>
				<div class="myselfLeft-Li">
					<div>交易管理 ></div>
					<ul>
						<li><router-link to="/index/myself/myaccount">我的账户</router-link></li>
						<li><router-link to="/index/myself/myorder">我的订单</router-link></li>
						<li><router-link to="/index/myself/myintegral">我的积分</router-link></li>
						<li><router-link to="/index/myself/integerorder">积分订单</router-link></li>
						<li><router-link to="/index/myself/mypurse">我的钱包</router-link></li>
					</ul>
					<div>会员资料 ></div>
					<ul>
						<li><router-link to="/index/myself/mymessage">个人资料</router-link></li>
						<li><router-link to="/index/myself/addermes">地址管理</router-link></li>
						<li><router-link to="/index/myself/mycollect">我的收藏</router-link></li>
						<li><router-link to="/index/myself/mybrowse">最近浏览</router-link></li>
						<li><router-link to="/index/myself/changepassword">修改密码</router-link></li>
					</ul>
					<div>站内信息</div>
					<ul>
						<li><router-link to="/index/myself/mynew">我的消息</router-link></li>
						<li><router-link to="/index/myself/useropinion">意见反馈</router-link></li>
					</ul>
				</div>
			</div>
			<div class="myselfRight clear">
				<router-view></router-view>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		
	}
</script>

<style>
	.myselfAllWrap {
		width: 100%;
		border-top: 1px solid #c1c1c1;
		margin-bottom: 40px;
	}

	.myselfWrap {
		width: 66.7%;
		margin: auto;
		padding-top: 40px;
		display: flex;
	}

	.myselfLeft {
		width: 13.3%;
		border: 1px solid #c1c1c1;
		vertical-align:middle;
	}

	.myselfLeft-title {
		height: 57px;
		font-size: 20px;
		line-height: 57px;
		color: #666666;
		text-indent: 20px;
		border-bottom: 1px solid #c1c1c1;
	}
	.myselfLeft-Li{
		text-indent: 20px;
	}
	.myselfLeft-Li div{
		font-size: 18px;
		color: #666666;
		height: 20px;
		padding-top: 14px;
	}
	.myselfLeft-Li li{
		font-size: 16px;
		height: 36px;
		line-height: 36px;
	}
	.myselfLeft-Li a{
		color: #d3d3d3;
	}
	.myselfLeft-Li a:hover{
		color: #3fce2c;
	}
	.myselfRight{
		width: 80%;
		margin-left: 6%;
	}
	.myselfLeft-Li a.router-link-active{
		color: #3fce2c;
		text-decoration:underline;
	}
</style>
